<!DOCTYPE html>
<html>
<head>
	<title>Triệu nhữ</title>
  	<meta name="Description" content="" />
  	<meta name="keywords" content="" />
  	<meta charset="utf-8">
  	<link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css">
  	<link rel="stylesheet" type="text/css" href="css/style.css">
  	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
  	<script src="js/jquery.bxslider.min.js"></script>
</head>
<body>
	<div id ="wrapper">
		<header>
			<div class="header" id="header">
				<div class="logo">
					<a href="" id="logo"><h1>Triệu Nhữ</h1></a>
				</div>
				<!-- end div logo -->
				<div class="cart">
					<div class="image-cart">
						<a href="" id="a-cart"></a>
					</div>
					<div class="title-cart">
						<a href="" class="title">my cart</a>
						<p>0 item - $0.00</p>
						<a href="" class="checkout">Checkout</a>
					</div>
				</div>
				<!-- end div class cart -->
			</div>
			<div id="navigator"> <!-- cho vao header sau logo va dung positon absolute-->
				<div class="user-login">
					<span>Welcome,</span>
					<span class="user"><a href="#">Guest!</a></span>
				</div>
				<!-- end li class user-login -->
				<ul class="navigator-ul">
					<li><a href="">About Us</a></li>
					<li><a href="">Blog</a></li>
					<li><a href="">FQAs</a></li>
					<li><a href="">Contact Us</a></li>
					<li><a href="">My Acount</a></li>
					<li><a href="">Log In</a></li>
					<li><a href="">Check Out</a></li>
				</ul>
				<div class="clr"></div>
				<!-- end li class navigator-li -->
			</div>
		<!-- end navigator -->
			<!-- end div header -->
		</header>
		<!-- end header -->
		<div class="menutop">
			<div class="newsletter">
				<div class="icon-news">
					<p>sign up for our newsletter</p>
				</div>
				<div class="input">
					<input type="text" class="text-input" placeholder="Enter your email address">
					<input type="button" class="button" value="Sign Up Now">
				</div>
			</div>
			<!-- end div class newsletter -->
			<div class="search">
				<input type="text" class="text-input search-input" placeholder="Search...">
			</div>
			<div class="clr"></div>
		</div>
		<!-- end menu top -->
		<div class="menu">
			<ul class="menu">
				<li><a href="">mobile phones</a></li>
				<li><a href="">tables</a></li>
				<li><a href="">computers</a></li>
				<li><a href="">electronics</a></li>
				<li><a href="">gaming</a></li>
				<li><a href="">apparels</a></li>
				<li><a href="">accessories</a></li>
				<li><a href="">testting</a></li>
			</ul>
			<div class="menu-left"></div>
			<div class="menu-right"></div>
		</div>
		<!-- end div menu -->
		<div class="slider">
			<ul class="bxslider">
				<li>
					<a href="">
						<img src="images/slide.png">
					</a>
				</li>
			</ul>
			<div class="outside">
			  <span id="slider-prev"></span>
			  <span id="slider-next"></span>
			  <p></p>
			</div>
		</div>
		<script type="text/javascript">
				var slider = $('.bxslider').bxSlider({
					// auto: true,
					autoControls: true,
						nextSelector: '#slider-next',
						prevSelector: '#slider-prev',
						nextText: '<img src="images/copy-right.png" alt="next"/>',
						prevText: '<img src="images/copy-left.png" alt="prev"/>',
				  	minSlides: 1,
				  	maxSlides: 5,
				  	slideWidth: 960,
				  	slideMargin: 10
				});
				
			</script>
		<!-- end div slider -->
		<div class="block">
			<div class="block-one">
				<img src="images/block-1.png">
				<span class="block-title">100%</span>
				<span class="block-content">Australian Owned</span>
			</div>

			<div class="block-one">
				<img src="images/block-2.png">
				<span class="block-title">14 Day</span>
				<span class="block-content">Monney Black Guarantee</span>
			</div>
			
			<div class="block-one">
				<img src="images/block-3.png">
				<span class="block-title">Late Shipping</span>
				<span class="block-content">Discount</span>
			</div>
			
			<div class="block-one">
				<img src="images/block-4.png">
				<span class="block-title">Don’t like the price?</span>
				<span class="block-content">Negotiate with us online!</span>
			</div>
			
			<div class="block-one">
				<img src="images/block-5.png">
				<span class="block-title">Local Support</span>
				<span class="block-content">and Warranty</span>
			</div>
			<div class="clr"></div>
		</div>
		<!-- end class div block -->
		<div class="content">
			<div class="product">
				<div class="details">
					<div class="details-tiltle">New Products</div>
				</div>
				<div class="products">
					<div class="product-one">
						<img src="images/product-3.png">
						<p>Samsung Galaxy Tab 3 7" White 8GB WiFi</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one -->
					<div class="product-one">
						<img src="images/product-2.png">
						<p>Sony Xperia Z C6603 Purple</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one -->
					<div class="product-one">
						<img src="images/product-1.png">
						<p>Nokia Lumia 925 Black</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one -->
					<div class="product-one">
						<img src="images/product-3.png">
						<p>Samsung Galaxy Tab 3 7" White 8GB WiFi</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one -->
					<div class="product-one">
						<img src="images/product-2.png">
						<p>Sony Xperia Z C6603 Purple</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one -->
					<div class="product-one">
						<img src="images/product-1.png">
						<p>Nokia Lumia 925 Black</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one -->
					<div class="product-one">
						<img src="images/product-3.png">
						<p>Samsung Galaxy Tab 3 7" White 8GB WiFi</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one -->
					<div class="product-one">
						<img src="images/product-2.png">
						<p>Sony Xperia Z C6603 Purple</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one -->
					<div class="product-one">
						<img src="images/product-1.png">
						<p>Nokia Lumia 925 Black</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one -->
				</div>
				<!-- end div class products -->
			</div>
			<!-- end div class product -->
			<div class="clr"></div>
			<div class="product">
				<div class="details">
					<div class="details-tiltle">New Products</div>
				</div>
				<div class="products">
					<div class="product-one product-1">
						<img src="images/product-3.png">
						<p>Samsung Galaxy Tab 3 7" White 8GB WiFi</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one product-1 -->
					<div class="product-one product-1">
						<img src="images/product-2.png">
						<p>Sony Xperia Z C6603 Purple</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one product-1 -->
					<div class="product-one product-1">
						<img src="images/product-1.png">
						<p>Nokia Lumia 925 Black</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one product-1 -->
					<div class="product-one product-1">
						<img src="images/product-3.png">
						<p>Samsung Galaxy Tab 3 7" White 8GB WiFi</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one product-1 -->
					<div class="product-one product-1">
						<img src="images/product-2.png">
						<p>Sony Xperia Z C6603 Purple</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one product-1 -->
					<div class="product-one product-1">
						<img src="images/product-1.png">
						<p>Nokia Lumia 925 Black</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one product-1 -->
					<div class="product-one product-1">
						<img src="images/product-3.png">
						<p>Samsung Galaxy Tab 3 7" White 8GB WiFi</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one product-1 -->
					<div class="product-one product-1">
						<img src="images/product-2.png">
						<p>Sony Xperia Z C6603 Purple</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one product-1 -->
					<div class="product-one product-1">
						<img src="images/product-1.png">
						<p>Nokia Lumia 925 Black</p>
						<span class="price">$248.00</span>
						<div>
							<a href="" class="view-details">View Details</a>
							<a href="" class="buy-now">Buy Now</a>
						</div>
					</div>
					<!-- end div product-one -->
				</div>
				<!-- end div class products -->
			</div>
			<!-- end div class product -->
			<div class="clr"></div>
		</div>
		<!-- end div class content  -->
		<div class="slidebar">
			<div class="facebook">
				<img src="images/fb.png">	
			</div>
			<!-- end div facebook -->
			<img src="images/ads-1.png">
			<img src="images/ads-2.png">
			<img src="images/ads-3.png">
		</div>
		<div class="clr"></div>
		<!-- end div class slidebar -->
		<div class="menu-in-bottom">
			<div class="menu-bottom">
				<p>information</p>
				<ul class="menu-bottom-ul">
					<li><a href="">About Us</a></li>
					<li><a href="">Contact Us</a></li>
					<li><a href="">Refund Policy</a></li>
					<li><a href="">Shipping Info</a></li>
					<li><a href="">Payment Info</a></li>
					<li><a href="">How To Order</a></li>
					<li><a href="">Warranty Info</a></li>
					<li><a href="">Business Resources</a></li>
					<li><a href="">Mobile Phone Reviews</a></li>
				</ul>
			</div>
			<!-- end class div menu-bottom-left -->
			<div class="menu-bottom">
				<p>product type</p>
				<ul class="menu-bottom-ul">
					<li><a href="">About Us</a></li>
					<li><a href="">Contact Us</a></li>
					<li><a href="">Refund Policy</a></li>
					<li><a href="">Shipping Info</a></li>
					<li><a href="">Payment Info</a></li>
					<li><a href="">How To Order</a></li>
					<li><a href="">Warranty Info</a></li>
					<li><a href="">Business Resources</a></li>
					<li><a href="">Mobile Phone Reviews</a></li>
				</ul>
			</div>
			<div class="clr"></div>
		</div>
		<footer>
			<div class="footer">
				<!-- end class div footer-left -->
				<div class="company-info">
					<div class="support">
						<ul>
							<li><a href="">Customer Services</a></li>
							<li><a href="">Search Terms</a></li>
							<li><a href="">T&C</a></li>
							<li><a href="">Advanced Search</a></li>
							<li><a href="">Site Map</a></li>
							<li><a href="">RSS</a></li>
							<li><a href="">Service Areas</a></li>
						</ul>
						<div class="copyright">Copyright © 2011 <span>CLOO PTY LTD</span>, All Rights Reserved.</div>
						<div class="info">All prices shown are in AUD and GST inclusive. | ABN: 43 117 746 424</div>
					</div>
					<!-- end div support -->
				</div>
				<!-- end div class company-info -->
			</div>
			<!-- end div class footer -->
		</footer>
		<!-- end footer -->
	</div>
	<!-- end wrapper  -->
</body>
</html>



















